<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	        <!-- 测试360浏览器 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1" />
	<title>商品详情</title>
	<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="../css/myCss.css">
    <link rel="stylesheet" type="text/css" href="../css/bingo.css">
    <link rel="stylesheet" type="text/css" href="../css/personalcenter.css">
	<link rel="stylesheet" type="text/css" href="../css/font-awesome.min.css">
	<!-- [if IE 7]>
	<link rel="stylesheet" type="text/css" href="../css/font-awesome-ie7.min.css">
	<!-- -->


</head>
<body>

<!-- [if lt IE 9]>
<script src="../js/html5shiv.min.js"></script>
<script src="../js/respond.min.js"></script>
<!-- [endif] -->


<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <ul class="nav navbar-nav">
		<li><a href="../personalcenter/">Miko Tong </a></li>
        <li><a href="../signup1.html">免费注册</a></li>
    </ul>
	<ul class="nav navbar-nav navbar-right">
		<li><a href="../">主页</a></li>
		<li class="dropdown">
			<a href="../personalcenter/orders.html" class="dropdown-toggle" id="mydrop" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">我的一起购<i class="icon-sort-down" style="padding-left: 5px;vertical-align: text-top;"></i></a>
			<ul class="dropdown-menu" aria-labelledby="mydrop" style="background-color: #FFF;text-align: center;min-width: 108px;">
				<li><a style="padding: 0" href="../personalcenter/">个人中心</a></li>
				<li><a style="padding: 0" href="../personalcenter/bingo.html">我的拼购</a></li>
				<li><a style="padding: 0" href="../personalcenter/orders.html">我的订单</a></li>
				<li><a style="padding: 0" href="#">我的分享</a></li>
				<li><a style="padding: 0" href="#">绑定账号</a></li>
				<li><a style="padding: 0" href="../personalcenter/updatepassword.html">修改密码</a></li>
				<li><a style="padding: 0" href="../personalcenter/userinfo.html">修改资料</a></li>
			</ul>
		</li>
		<li><a href="../shopping/cart(bingo).html">购物车<span class="badge aqua"></span></a></li>
		<li><a href="../personalcenter/collect.html">收藏夹<span class="badge aqua"></span></a></li>
		<li><a href="#">客户服务<span class="badge aqua"></span></a></li>
		<li><p class="navbar-text time"></p></li>
	</ul>
</nav><!--<nav>-->


<div class="container">
    <div class="row">
        <div class="col-sm-2 col-lg-2 text-center">
            <a href="../" style="color: #f4a624;"><img src="../imgs/logo.png" style="height:58px;width:auto;">
                <p>eachgo.cn</p></a>
        </div><!--logo-->
        <div class="col-sm-2 col-lg-2"></div>
        <div class="col-sm-1 col-lg-1"></div>
        <div class="col-sm-7 col-lg-7" role="form">
            <form action="#" method="post" name="search" role="search">
                <div class="input-group" style="padding-top: 15px;">
                    <label class="sr-only"></label><!--form表单中，label标签必不可少-->
                    <input type="text" maxlength="255" autocomplete="off" class="form-control" placeholder="搜索宝贝">
					<span class="input-group-btn"><button type="submit" class="my-btn-default-text btn btn-default  my-btn-default-bgcolor">&nbsp;<i class='icon-search h4'></i>&nbsp;</button></span>
                </div>
            </form>
        </div><!--搜索框表单-->
    </div><!--/.row search-->

    <div class="row">
        <div class="col-sm-12 col-lg-12">
            <div class="row">
                <div class="col-sm-12 col-lg-12">
                    <div class="btn-group" style="width:100%; background-color: rgb(244,166,36); ">
                        <button type="button" class="button-aid-color btn">全部拼购商品分类&nbsp;&nbsp;<span class="glyphicon glyphicon-menu-down"></span></button>
                        <button type="button" class="btn button-main-color">一起购物</button>
                        <button type="button" class="btn button-main-color">中奖晒单</button>
                        <button type="button" class="btn button-main-color">高校公益</button>
                    </div>
                </div>
            </div>
            <div class="row">
            	<div class="my-cols-right col-sm-10 col-lg-10">
            		<div class="row">
            			<div class="col-sm-12 col-lg-12">
	            			<ol class="breadcrumb" style="background-color: #FFF;">
		                      <li><a href="../">首页</a></li>
		                      <li><a href="#">平板手机</a></li>
		                      <li><a href="#">魅族4 32G手机</a></li>
		                    </ol>
            			</div>
            		</div>
            		<div class="row">
            			<div class="col-sm-6 col-lg-6">
	            			<div class="row">
	            				<div  class="my-col-right col-sm-12 col-lg-12" style="padding:0; width: 440px; height:340px; margin-left: 15px; border: 2px solid rgb(242,242,242);">
	            					<img class="img-nopadding-nomargin" id="zoom_01" height="335" width="435" src="../imgs/bingo/big-1.png" data-zoom-image="../imgs/bingo/big-1.jpg">
					            </div>
					        </div>
					        <div class="row">
	            				<div  class="col-sm-2 col-lg-2" style="padding:0; border: 2px solid rgb(242,242,242); width: 80px; height:80px; margin:10px 0 0 15px;">
	            					<img class="img-nopadding-nomargin" height="75" width="75" src="../imgs/bingo/big-1.png">
					            </div>
	            				<div  class="col-sm-2 col-lg-2" style="padding:0; border: 2px solid rgb(242,242,242); width: 80px; height:80px; margin:10px 0 0 10px;">
	            					<img class="img-nopadding-nomargin" height="75" width="75" src="../imgs/bingo/big-2.jpg">
					            </div>
	            				<div  class="col-sm-2 col-lg-2" style="padding:0; border: 2px solid rgb(242,242,242); width: 80px; height:80px; margin:10px 0 0 10px;">
	            					<img class="img-nopadding-nomargin" height="75" width="75" src="../imgs/bingo/big-3.jpg">
					            </div>
	            				<div  class="col-sm-2 col-lg-2" style="padding:0; border: 2px solid rgb(242,242,242); width: 80px; height:80px; margin:10px 0 0 10px;">
	            					<img class="img-nopadding-nomargin" height="75" width="75" src="../imgs/bingo/big-4.png">
					            </div>
	            				<div  class="col-sm-2 col-lg-2" style="padding:0; border: 2px solid rgb(242,242,242); width: 80px; height:80px; margin:10px 0 0 10px;">
	            					<img class="img-nopadding-nomargin" height="75" width="75" src="../imgs/bingo/big-5.png">
					            </div>
					        </div>
            			</div>
            			<div class="col-sm-6 col-lg-6">
            				<div class="row">
            					<div class="col-sm-12 col-lg-12">
		            				<h3><span>(第3期)魅族4 16G 移动版智能手机</span></h3><br>
								    <h3><span style="color: #f4a624">￥1.00</span></h3><br>
		            				<span><strong>￥价值：1499.00</strong></span>
		            				<div class="progress" style="width: 450px; border-radius: 10px;">
										<div class="progress-bar"  role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 82%;"></div>
									</div>
									<div class="pull-left" style="margin-right: 120px;">
										<span>1229</span><p>参与人数</p>
									</div>
									<div class="pull-left" style="margin-right: 120px;">
										<span>1499</span><p>总需人数</p>
									</div>
									<div class="pull-right" style="margin-right: 20px;">
										<span>270</span><p>还需人数</p>
									</div><br><br><br><br>
									<div class="row">
										<div class="col-sm-offset-2 col-lg-offset-2 col-sm-8 col-lg-8">
											<a href="paymentorders.html" class="btn" style="background-color: RGB(244,166,36); color:rgb(255,255,255);font-size: 18px;">&nbsp;立即参与&nbsp;</a>
											<a href="" class="btn pull-right" style="background-color: RGB(235,93,34); color:rgb(255,255,255);font-size: 18px;">放入购物车</a>
										</div>
										<div class="col-sm-2 col-lg-2"></div>
									</div>
								</div>
							</div><br><br>
							<div class="row">
								<div class="col-sm-3 col-lg-3">即时开奖</div>
								<div class="col-sm-3 col-lg-3">公平公正</div>
								<div class="col-sm-3 col-lg-3">等价返券</div>
								<div class="col-sm-3 col-lg-3">正品保障</div>
							</div>
            			</div>
            		</div>
            	</div>
		        <div class="col-sm-2 col-lg-2">
		        	<div style="background-color:#f5f5f5; color: rgb(126,122,122); width: 165px; height: 480px;">
			        	<div class="btn text-center up-turn" style="width:165PX; background-color: inherit; margin: 0;">
			        		<i class="icon-chevron-up h3" aria-hidden="true">上一页</i>
			        	</div>
			        	<div class="btn text-center turn-button turn-top">
							第<span>1</span>期
			        	</div>
			        	<div class="btn text-center turn-button">
							第<span>2</span>期
			        	</div>
			        	<div class="btn text-center turn-button">
							第<span>3</span>期
			        	</div>
			        	<div class="btn text-center turn-button">
							第<span>4</span>期
			        	</div>
			        	<div class="btn text-center turn-button">
							第<span>5</span>期
			        	</div>
			        	<div class="btn text-center turn-button">
							第<span>6</span>期
			        	</div>
			        	<div class="btn text-center turn-button">
							第<span>7</span>期
			        	</div>
			        	<div class="btn text-center turn-button">
							第<span>8</span>期
			        	</div>
			        	<div class="btn text-center turn-button turn-bottom">
							第<span>9</span>期
			        	</div>
			        	<div class="btn text-center down-turn" style="width:165PX; background-color: inherit; margin:0;">
			        		<i class="icon-chevron-down h3">上一页</i>
			        	</div>
		        	</div>
		        </div>
            </div>
        </div>
    </div>
    
    <div class="row">
    	<div class="col-sm-12 col-lg-12" style="width:1140px; border: 1px solid #ccc; margin: 15px 15px;">
    		<!-- 商品详情、参与记录、晒单记录 start -->
	        <div class="row">
	            <div class="btn-group col-sm-12 col-lg-12" style="width:1139px; background-color: rgb(242,242,242); padding:0;">
	                <div class="select-btn btn" id="gi">商品详情</div>
	                <div class="not-select-btn btn" id="jr">参与记录</div>
	                <div class="not-select-btn btn" id="sr">晒单记录</div>
	            </div>
	        </div>
	        <!-- 商品详情、参与记录、晒单记录 end -->
	        <!-- 商品详情 start -->
	        <div class="row">
	        	<div class="col-sm-12 col-lg-12 text-center" id="good-info">
	            	<img src="../imgs/bingo/img_1.png" width="747">
	            	<img src="../imgs/bingo/img_2.png" width="747">
	            </div>
	        </div>
	        <!-- 商品详情 end -->

	        <!-- 参与记录 start -->
	        <div class="row">
	        	<div class="col-sm-12 col-lg-12" style="height: 800px; display: none;" id="join-record">
	        		<br><br><br><br><br>
	        		<div>
		        		<div>
			        		<span style="margin: 0 20px 0 98px;">2015-06-22 14:57:09</span>
			        		<span><img src="../imgs/bingo/hr-point.png"></span>
			        		<span style="margin: 0 15px;"><img src="../imgs/personalcenter/head.png" height="80" width="80"></span>
			        		<span style="margin: 0 15px;"><a href="#我是你的用户">我是你们的用户</a></span>
			        		<span style="margin: 0 15px;">(四川省成都龙泉驿区 ip:202.115.91.146)</span>
			        		<span style="margin: 0 15px;">拼购码: 1234567890001</span>
		        		</div>
						<div>
							<span style="margin: 0 20px 0 98px;">2015-06-22 15:58:25</span>
							<span><img src="../imgs/bingo/hr-point.png"></span>
							<span style="margin: 0 15px;"><img src="../imgs/personalcenter/head.png" height="80" width="80"></span>
							<span style="margin: 0 15px;"><a href="#我是你的用户">昵称到底可以多长啊</a></span>
							<span style="margin: 0 15px;">(四川省成都 ip:202.115.91.146)</span>
							<span style="margin: 0 15px;">拼购码: 1234567890002</span>
						</div>
						<div>
							<span style="margin: 0 20px 0 98px;">2015-06-22 15:58:25</span>
							<span><img src="../imgs/bingo/hr-point.png"></span>
							<span style="margin: 0 15px;"><img src="../imgs/personalcenter/head.png" height="80" width="80"></span>
							<span style="margin: 0 15px;"><a href="#我是你的用户">昵称到底可以多长啊</a></span>
							<span style="margin: 0 15px;">(四川省成都 ip:202.115.91.146)</span>
							<span style="margin: 0 15px;">拼购码: 1234567890002</span>
						</div>
						<div>
							<span style="margin: 0 20px 0 98px;">2015-06-22 15:58:25</span>
							<span><img src="../imgs/bingo/hr-point.png"></span>
							<span style="margin: 0 15px;"><img src="../imgs/personalcenter/head.png" height="80" width="80"></span>
							<span style="margin: 0 15px;"><a href="#我是你的用户">昵称到底可以多长啊</a></span>
							<span style="margin: 0 15px;">(四川省成都 ip:202.115.91.146)</span>
							<span style="margin: 0 15px;">拼购码: 1234567890002</span>
						</div>
						<div>
							<span style="margin: 0 20px 0 98px;">2015-06-22 15:58:25</span>
							<span><img src="../imgs/bingo/hr-point.png"></span>
							<span style="margin: 0 15px;"><img src="../imgs/personalcenter/head.png" height="80" width="80"></span>
							<span style="margin: 0 15px;"><a href="#我是你的用户">昵称到底可以多长啊</a></span>
							<span style="margin: 0 15px;">(四川省成都 ip:202.115.91.146)</span>
							<span style="margin: 0 15px;">拼购码: 1234567890002</span>
						</div>
	        		</div>
	        	</div>
	        </div>
	        <!-- 参与记录 end -->

	        <!-- 晒单记录 start -->
	        <div class="row" style="height: 800px;">
	        	<div class="col-sm-12 col-lg-12" style="width:1120px; border:1px solid #ccc; margin: 5px 10px; padding: 5px 5px; display:none;" id="show-record">
	        		<div class="col-sm-2 col-lg-2">  <!-- 头像和昵称 -->
	        			<a href="#"><img src="../imgs/personalcenter/head.png" height="80" width="80"><br>我是你们的上帝</a>
	        		</div>
	        		<div class="col-sm-8 col-lg-8">  <!-- 图片和文字 -->
	        			<div class="row">
	        				<div class="col-sm-12 col-lg-12">
	        					<span class="col-sm-3 col-lg-3"><img src="../imgs/bingo/goods-img_0000.png" height="120" width="155"></span>
			        			<span class="col-sm-3 col-lg-3"><img src="../imgs/bingo/goods-img_0001.png" height="120" width="155"></span>
			        			<span class="col-sm-3 col-lg-3"><img src="../imgs/bingo/goods-img_0002.png" height="120" width="155"></span>
			        			<span class="col-sm-3 col-lg-3"><img src="../imgs/bingo/goods-img_0003.png" height="120" width="155"></span>
	        				</div>
	        			</div>
	        			<div class="row">
	        				<span class="share-text"><p style="width: 80%; word-wrap: break-word; word-break: normal;">
		        			我是你们的上帝，所以我要给你们恩惠！我是你们的上帝，所以我要给你们恩惠！我是你们的上帝，所以我要给你们恩惠！我是你们的上帝，所以我要给你们恩惠！我是你们的上帝，所以我要给你们恩惠！我是你们的上帝，所以我要给你们恩惠！我是你们的上帝，所以我要给你们恩惠！
		        			</p></span>
	        			</div>
	        		</div>
	        		<div><span class="pull-right">2015-06-22 18:53:36</span></div>
	        	</div>	
	        </div>
	        <!-- 晒单记录 end -->
        </div>
    </div>
</div>

<!--footer start-->
<div class="text-center" style="margin-top: 50px;color: #949494;" id="footer">
	<a href="#" style="color: #949494;"><span>首页</span></a>
	<span>|</span>
	<a href="#" style="color: #949494;"><span>关于一起购物</span></a>
	<span>|</span>
	<a href="#" style="color: #949494;"><span>隐私声明</span></a>
	<span>|</span>
	<a href="#" style="color: #949494;"><span>加入我们</span></a>
	<span>|</span>
	<a href="#" style="color: #949494;"><span>联系我们</span></a>
	<p style="margin-bottom: 0">CopyRight&copy;2014-2015,版权所有eachgo.cn</p>
</div>
<!--footer end-->



<script type="text/javascript" src="../js/jquery-2.1.4.min.js"></script>
<script src='../js/jquery.elevateZoom-3.0.8.min.js'></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/myJs.js"></script>
<script src="../js/bingo.js"></script>
<script type="text/javascript">
	$('#zoom_01').elevateZoom({});
</script>

</body>
</html>